У меня есть форма и таблица. При отправке формы с помощью AJAX мне надо увидеть сразу результат в таблице, без перезагрузки стр.
То есть порядок такой.
1. Заполняем форму
2. Отправляю через AJAX в БД
3. Перезагружаю стр., и вижу результат
А мне надо сразу видеть результат как отправил форму, без перезагрузки стр.
//AJAX - добавить юзера
$("#reg").submit(function(event){
var fn = document.getElementById('fn').value,
ln = document.getElementById('ln').value,
phone = document.getElementById('phone').value;
event.preventDefault();
//вторая проверка на валидацию
if (fn.length < 3 || ln.length < 3 || phone.length < 6) {
console.log('некорректно фрорма регист')
} else {
$.ajax({
type: 'POST',
url: 'regist.php',
data: {
First:fn,
Last:ln,
'Telephone[0]':phone
},
success: function( response ){
jQuery('#reg')[0].reset();//отчистить форму
console.log(response);
}
});
}
});
<div class="table">
<table border="1" >
<thead>
<tr>
<th>ID R </th><th>ID U</th><th>Name</th><th>Last Name</th><th>Phone 1</th><th>Phone 2</th><th style="color: red; font-weight: bold;">X</th>
</tr>
</thead>
<tbody id='trash'>
//получить таблицу
<?php require_once('table.php'); ?>
</tbody>
</table>
//получить инфу из табл.
<form method="POST">
<input type="submit" name="get_info" value="Show list" class="show_list" />
</form>
</div>
